<template>
<!-- <Skeleton /> -->
<div class="container">
  <!-- 左侧分类 -->
  <HomeCate />
  <!-- 轮播图 -->
  <HomeBanner />
  <!-- 新鲜好物 -->
  <HomeNew />
  <!-- 人气推荐 -->
  <HomeHot />
  <!-- 5. 楼层组件 -->
  <HomeProd />
</div>
</template>

<script>
import HomeCate from './components/home-category.vue'
import HomeBanner from './components/home-banner.vue'
import HomeHot from './components/home-hot.vue'
import HomeNew from './components/home-new.vue'
import HomeProd from './components/home-product.vue'
export default {
  components: {
    HomeCate,
    HomeBanner,
    HomeHot,
    HomeNew,
    HomeProd
  },
  setup () {
    return {}
  }
}
</script>

<style lang="less" scoped>
</style>
